.head {
  background-color: #7e4c81;
  display: flex;
  height: 1.46666667rem;
  align-items: center;
}
.head .left {
  width: 5%;
}
.head .center {
  width: 95%;
  text-align: center;
}
.head img {
  height: 0.61333333rem;
  width: 0.85333333rem;
}
.head p {
  font-size: 0.53333333rem;
  color: white;
}
.cont {
  flex: 1;
}
.cont .nav {
  height: 1.33333333rem;
  line-height: 1.33333333rem;
  border-bottom: 1px solid #CCCCCC;
}
.cont .nav ul {
  display: flex;
  font-size: 0.53333333rem;
}
.cont .nav ul li {
  width: 25%;
  text-align: center;
  border-right: 1px solid #CCCCCC;
}
.cont .nav ul li:nth-child(4) {
  border-right: none;
}
.cont .active {
  border-bottom: 4px solid #7e4c81;
}
.cont .foot {
  height: 12.8rem;
  margin: 0 auto;
  margin-top: 0.53333333rem;
  width: 90%;
}
.cont .foot ul {
  line-height: 0.53333333rem;
}
.cont .foot ul li {
  display: flex;
  font-size: 0.53333333rem;
}
.cont .foot ul li p {
  width: 30%;
}
.cont .foot ul li p sup {
  color: red;
}
.cont .foot ul li .p_1 {
  background: url(../images/bg1.png);
}
.cont .foot ul li .p_2 {
  background: url(../images/bg2.png);
}
.cont .foot ul li div {
  width: 70%;
}
.cont .foot ul li div input {
  border: none;
  width: 100%;
  font-size: 0.53333333rem;
  outline: none;
  padding-left: 0.13333333rem;
}
.cont .foot ul li:nth-child(1) {
  background: url(../images/juchi.png);
}
.cont .foot ul li:nth-child(1),
.cont .foot ul li:nth-child(2),
.cont .foot ul li:nth-child(3) {
  height: 1.33333333rem;
  line-height: 1.33333333rem;
}
.cont .foot ul li:nth-child(4),
.cont .foot ul li:nth-child(5),
.cont .foot ul li:nth-child(6),
.cont .foot ul li:nth-child(7) {
  height: 2.13333333rem;
}
